<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">

    <div class="contForm">

        
      
        <div class="col03">
        <p:inputText id="txtUsuario" value="#{usuarioSessionBean.usuario.nombre}"
                 required="true"
                 requiredMessage="El usuario es obligatorio" style="width:100px;" >
            <f:validateLength minimum="4" maximum="20" />
        </p:inputText>
        <p:watermark for="txtUsuario" value="Usuario" />


        <p:spacer width="5" height="10" />
        
        <p:password value="#{usuarioSessionBean.usuario.password}" feedback="false" id="txtPassword"
                 required="true"
                requiredMessage="La clave es obligatoria" style="width:100px;"
                 />
        <p:watermark for="txtPassword" value="Clave" />

        <p:spacer width="5" height="10" />
        </div>

        <div class="col04">
          <p:commandButton icon="btnEntrar"  value="Ingresar" style="font-weight: bold; margin:10px; "
                           update="@all"
                           action="#{usuarioSessionBean.login}" />

          <div style="clear:both; text-align:right; bottom:10px; position: absolute; margin-right: 3px;">
                <p:commandLink value="Olvidé mi clave" style="font-weight:normal; font-size: 12px; color: #999999; font-family:Arial; clear:both; bottom:0px;"
                       immediate="true"
                    action="#{usuarioSessionBean.verRecuperarPassword}" />

          </div>
        </div>
        </div> <!-- FIN CONT FORM -->

</ui:composition>